<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html lang="zh-CN">

    <head>
        <!-- <link rel="shortcut icon" href="/img/sys/base/favicon.ico" type="image/x-icon" /> -->
        <meta charset="UTF-8">
        <!--<meta http-equiv="X-UA-Compatible" content="ie=edge">-->
        <title>社团首页</title>
        <script type="text/javascript" src="/static/jquery/jquery-3.2.1.min.js"></script>
        <link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.min.css">
        <script type="text/javascript" src="/static/bootstrap/js/bootstrap.js"></script>
        <link rel="stylesheet" type="text/css" href="/static/css/common/main.css">
        <!--[if lt IE 9]>
         <![endif]-->
    </head>

    <body>
        <nav class="navbar navbar-inverse" role="navigation">
            <div class="container">
                <!-- <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">I'm Evax</a>
                </div> -->
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class=""><a href="#">最近热点</a></li>
                        <li><a href="#">关于我们</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 我的社团 <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">计算机协会</a></li>
                                <li><a href="#">学生会</a></li>
                                <li><a href="#">Jasper Report</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="/sys/getRegisterPage.do"><span class="glyphicon glyphicon-user"></span> 注册 / 登录</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <div class="jumbotron">
            <div class="container">
                <h1>Hello, Evax!</h1>
                <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
            </div>
        </div>
        <div class="container">
        </div>
        <!-- <div class="container-fluid" style="margin-bottom:50px; padding: 0;">
            <div class="row">
                <div class="col-xs-12 col-sm-12  col-md-12 col-lg-12">
                    <div id="myCarousel" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                            <li data-target="#myCarousel" data-slide-to="1"></li>
                            <li data-target="#myCarousel" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="item active">
                                <img class="mySlideImg" src="/static/img/timg1.jpg" alt="First slide">
                                <div class="carousel-caption">
                                    <p>生命旅程，往复不息</p>
                                </div>
                            </div>
                            <div class="item">
                                <img class="mySlideImg" src="/static/img/timg2.jpg" alt="Second slide">
                                <div class="carousel-caption">
                                    <p>每一个梦都会有你</p>
                                </div>
                            </div>
                            <div class="item">
                                <img class="mySlideImg" src="/static/img/timg4.jpg" alt="Third slide">
                                <div class="carousel-caption">
                                    <p>秋去春来，海棠花开</p>
                                </div>
                            </div>
                            Controls
                            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="right carousel-control" href="#myCarousel" data-slide="next">
                                <span class="glyphicon glyphicon-chevron-right"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- container-fluid -->
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-lg-4">
                    <div class="thumbnail">
                        <img src="/static/img/landscape/gl.jpg" alt="...">
                        <div class="caption">
                            <h3>暴雪制片产</h3>
                            <p>安度因，无赖复活术</p>
                            <p><a href="#" class="btn btn-primary" role="button">查看详情</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-lg-4">
                    <div class="thumbnail">
                        <img src="/static/img/landscape/th.jpg" alt="...">
                        <div class="caption">
                            <h3>蓝岛创客</h3>
                            <p>蓝岛，蓝岛</p>
                            <p><a href="#" class="btn btn-primary" role="button">查看详情</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-lg-4">
                    <div class="thumbnail">
                        <img src="/static/img/landscape/tt.jpg" alt="...">
                        <div class="caption">
                            <h3>炉石</h3>
                            <p>金色传说</p>
                            <p><a href="#" class="btn btn-primary" role="button">查看详情</a></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- row -->
        </div>
        <!-- container -->
    </body>

    </html>